<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="/beimuaihui/html/scripts/extjs/resources/css/ext-all.css" />


<link rel="stylesheet" type="text/css" href="/beimuaihui/html/themes/default/styles/main.css" />

<link rel="stylesheet" type="text/css" href="/beimuaihui/html/scripts/extjs/ux/css/ux-all.css" />
<!---->
<script type="text/javascript" src="/beimuaihui/html/scripts/extjs/bootstrap.js"></script>
<script type="text/javascript">
 	Ext.BLANK_IMAGE_URL = '/beimuaihui/html/scripts/extjs/s.gif';
</script>       
<!--

<link rel="stylesheet" type="text/css" href="/beimuaihui/html/scripts/extjs/ux/css/ext3-compat.css" />
<script type="text/javascript" src="/beimuaihui/html/scripts/extjs/ux/ext3-core-compat.js">
        </script>
<script type="text/javascript" src="/beimuaihui/html/scripts/extjs/ux/ext3-compat.js">
        </script>
 script from ext3-compat.js-->



<!-- -->

<script type="text/javascript" src="/beimuaihui/html/scripts/extjs/ux/ux-all.js">
        </script>

<script type="text/javascript" src="/beimuaihui/html/scripts/extjs/local/ext-lang-zh_CN.js"  charset="utf-8">
        </script>
<script type="text/javascript" src="/beimuaihui/html/scripts/jquery/jquery.min.js">
        </script>

<script type="text/javascript" src="https://getfirebug.com/firebug-lite.js"></script>



<script type="text/javascript">

	//Ext.Compat.showErrors = true;
	Ext.Loader.setConfig({
		enabled: true
	});
	Ext.Loader.setPath('Ext.ux', '/beimuaihui/html/scripts/extjs/ux');

	Ext.require([
				'*',
				'Ext.grid.*',
				'Ext.data.*',
				'Ext.form.*',
				'Ext.util.*',
				'Ext.toolbar.Paging',
				'Ext.tab.*',
				'Ext.Window',
				'Ext.window.*',
				'Ext.ModelManager',
				'Ext.tip.QuickTipManager',			
				'Ext.Viewport',
				'Ext.ux.TabCloseMenu',
				'Ext.layout.container.Border',				
				'Ext.selection.CheckboxModel',
				'Ext.ux.*',
				'Ext.chart.*', 
				'Ext.fx.target.Sprite', 
				'Ext.layout.container.Fit'
			]);
	Ext.define('ComboModel', {
		    extend: 'Ext.data.Model',
		    fields: [{ name: 'id'}, { name: 'text'}]
	});
	
</script>
        
        <script type="text/javascript"> 

        var  LANG={"sub_table":"\u5b50\u5206\u7c7b","add":"\u6dfb\u52a0","delete":"\u5220\u9664","edit":"\u7f16\u8f91","save":"\u4fdd\u5b58","search":"\u67e5\u8be2","reset":"\u91cd\u7f6e","error":"\u9519\u8bef","notice":"\u63d0\u793a","confirm":"\u786e\u8ba4","cancel":"\u53d6\u6d88","ok":"\u6210\u529f","yes":"\u662f","no":"\u5426","warnning":"\u8b66\u544a","success":"\u6210\u529f","failure":"\u5931\u8d25","msg_select_item":"\u8bf7\u9009\u62e9","msg_confrim_delete":"\u4f60\u786e\u5b9a\u8981\u5220\u9664\u5417?","msg_delete_success":"\u6210\u529f\u5220\u9664","msg_delete_failure":"\u5220\u9664\u5931\u8d25","exist_same_record":"\u5df2\u7ecf\u5b58\u5728\u8be5\u6570\u636e","arr_translate_var_type":{"1":"\u6587\u672c","2":"\u6570\u7ec4"},"model_field":"\u6a21\u578b\u5b57\u6bb5","model":"\u6a21\u578b","action":"\u64cd\u4f5c","ordering":"\u6392\u5e8f","save_ok":"\u4fdd\u5b58\u6210\u529f!","save_fail":"\u4fdd\u5b58\u5931\u8d25!","menu_name2":"\u83dc\u5355\u540d","textbox":"\u8f93\u5165\u6846","textarea":"\u6587\u672c\u6846","date":"\u65e5\u671f","time":"\u65f6\u95f4","datetime":"\u65e5\u671f\u65f6\u95f4","select":"\u4e0b\u62c9\u5217\u8868","radio":"\u5355\u9009\u6846","checkbox":"\u590d\u9009\u6846","htmleditor":"\u7f16\u8f91\u5668","hidden":"\u9690\u85cf","displayfield":"\u663e\u793a\u6846","fileuploadfield":"\u4e0a\u4f20\u6587\u4ef6","label":"\u7eaf\u6587\u672c","arr_state":{"1":"\u662f","0":"\u5426"},"arr_user_info_op":{"1":"\u662f","0":"\u5426"},"arr_relation_type":{"1":"1:1","2":"N:1"},"personal":"\u5f53\u524d\u7528\u6237","add_ok":"\u4fdd\u5b58\u6210\u529f","login_fail":"\u767b\u5f55\u5931\u8d25!","login":"\u767b\u5f55","update":"\u66f4\u65b0","exit":"\u9000\u51fa","create":"\u521b\u5efa","delete_selected":"\u5220\u9664\u6240\u9009","remove":"\u5220\u9664\u6240\u9009","search_to":"\u67e5\u8be2\u5230","details":"\u8be6\u60c5","more":"\u66f4\u591a","user_group_role":"\u90e8\u95e8\u804c\u52a1","role_resource":"\u5206\u914d\u8d44\u6e90","resource_op":"\u8d44\u6e90\u76f8\u5173\u64cd\u4f5c","include_sub_group":"\u81ea\u52a8\u5305\u542b\u4e0b\u7ea7\u90e8\u95e8","deny_access":"\u4f60\u6ca1\u6709\u6743\u9650","msg_form_invalid_value":"\u8bf7\u5b8c\u6574\u586b\u5199\u8868\u5355","msg_ajax_failed":"\u8fde\u63a5\u670d\u52a1\u5668\u5931\u8d25","arr_report_level":{"1":"\u53bf\u5c40","2":"\u5e02\u5c40","3":"\u7701\u5c40","4":"\u56fd\u5bb6\u5c40"},"arr_gender":["\u7537","\u5973"],"arr_education":["\u5927\u4e13","\u672c\u79d1","\u7814\u7a76\u751f","\u535a\u58eb\u751f"],"save_grid":"\u4fdd\u5b58\u5e76\u8fd4\u56de","save_new":"\u4fdd\u5b58\u5e76\u65b0\u5efa","delete_ok":"\u5220\u9664\u6210\u529f\uff01","show_detail":"\u663e\u793a\u8be6\u7ec6\u4fe1\u606f","please_select":"\u8bf7\u9009\u62e9","arr_store_state":{"1":"\u6210\u529f\u8bbf\u95ee","2":"\u642c\u8fc1","3":"\u88c5\u4fee","4":"\u505c\u4e1a","5":"\u4e0d\u5b58\u5728","6":"\u5176\u4ed6\u6ce8\u660e"},"arr_quarter":{"1":"\u7b2c\u4e00\u5b63\u5ea6","2":"\u7b2c\u4e8c\u5b63\u5ea6","3":"\u7b2c\u4e09\u5b63\u5ea6","4":"\u7b2c\u56db\u5b63\u5ea6"},"id":"\u7f16\u53f7","name":"\u540d\u79f0","next_step":"\u4e0b\u4e00\u6b65","between":"\u8303\u56f4\uff08~\uff09","like":"\u542b\u6709\u6587\u672c","in":"\u5217\u8868\u503c\uff08,)","not_in":"\u4e0d\u5c5e\u4e8e\u5217\u8868\u503c\uff08,\uff09","expand_all":"\u5c55\u5f00","collapse_all":"\u6536\u7f29","is_null":"\u672a\u8bbe\u7f6e","is_not_null":"\u5df2\u8bbe\u7f6e","static_chart":"\u7edf\u8ba1\u56fe\u8868","static_number":"\u7edf\u8ba1\u6570\u636e","state":"\u72b6\u6001","other":"\u5176\u4ed6","comment":"\u8bf4\u660e","qa_report_id":"\u62a5\u8868\u7f16\u53f7","qa_report_name":"\u540d\u79f0","survey_id":"\u95ee\u5377\u7f16\u53f7","survey_name":"\u95ee\u5377\u6807\u9898"};
	
Ext.onReady(function(){
	Ext.QuickTips.init();
	
                
	   
	var win_form=Ext.create('Ext.window.Window',{"id":"win_form","xtype":"window","bodyStyle":"padding:5px;","closeAction":"hide","collapsible":true,"maximizable":true,"hidden":true,"shadow":true,"modal":true,"tbar":["-",{"text":"\u4fdd\u5b58\u5e76\u8fd4\u56de","iconCls":"save_grid-icon","id":"btnSave_grid","name":"save_grid","disabled":false,"cls":"baogg-btn-cls baogg-btn-save_grid-cls","disabledClass":"baogg-btn-disabled-cls baogg-btn-save_grid-disabled-cls","fn":"top.Ext.ux.ShowSuccess(action.result.msg);grid.getStore().load({callback:function(){ if(action.result.success){setTimeout(function(){top.Ext.MessageBox.hide();},100); }}});Ext.getCmp(\"win_form\").hide();","handler":function(b,e){Ext.getCmp("ext_form").getForm().submit({
							    clientValidation: true,				  
							   
							  	params:{},
							    success: function(form, action) {					
							       top.Ext.ux.ShowSuccess(action.result.msg);grid.getStore().load({callback:function(){ if(action.result.success){setTimeout(function(){top.Ext.MessageBox.hide();},100); }}});Ext.getCmp("win_form").hide();				
							    },
							    failure: function(form, action) {
									switch (action.failureType) {
									    case Ext.form.Action.CLIENT_INVALID:
											top.Ext.ux.ShowError("请完整填写表单");
											break;
									    case Ext.form.Action.CONNECT_FAILURE:
											top.Ext.ux.ShowError("连接服务器失败" );
											break;
									    case Ext.form.Action.SERVER_INVALID:
									       top.Ext.ux.ShowError( action.result.msg);
									       break;
									    default:
									      top.Ext.ux.ShowError(action.result.msg);
									      break;
								       }
								    }
							});}},{"text":"\u4fdd\u5b58\u5e76\u65b0\u5efa","iconCls":"save_new-icon","id":"btnSave_new","name":"save_new","disabled":false,"cls":"baogg-btn-cls baogg-btn-save_new-cls","disabledClass":"baogg-btn-disabled-cls baogg-btn-save_new-disabled-cls","fn":"top.Ext.ux.ShowSuccess(action.result.msg);grid.getStore().load({callback:function(){ if(action.result.success){setTimeout(function(){top.Ext.MessageBox.hide();},100); }}});Ext.getCmp(\"ext_form\").getForm().reset();","handler":function(b,e){Ext.getCmp("ext_form").getForm().submit({
							    clientValidation: true,				  
							   
							  	params:{},
							    success: function(form, action) {					
							       top.Ext.ux.ShowSuccess(action.result.msg);grid.getStore().load({callback:function(){ if(action.result.success){setTimeout(function(){top.Ext.MessageBox.hide();},100); }}});Ext.getCmp("ext_form").getForm().reset();				
							    },
							    failure: function(form, action) {
									switch (action.failureType) {
									    case Ext.form.Action.CLIENT_INVALID:
											top.Ext.ux.ShowError("请完整填写表单");
											break;
									    case Ext.form.Action.CONNECT_FAILURE:
											top.Ext.ux.ShowError("连接服务器失败" );
											break;
									    case Ext.form.Action.SERVER_INVALID:
									       top.Ext.ux.ShowError( action.result.msg);
									       break;
									    default:
									      top.Ext.ux.ShowError(action.result.msg);
									      break;
								       }
								    }
							});}},{"text":"\u4fdd\u5b58","iconCls":"save-icon","id":"btnSave","name":"save","disabled":false,"cls":"baogg-btn-cls baogg-btn-save-cls","disabledClass":"baogg-btn-disabled-cls baogg-btn-save-disabled-cls","fn":"top.Ext.ux.ShowSuccess(action.result.msg);grid.getStore().load({callback:function(){ if(action.result.success){setTimeout(function(){top.Ext.MessageBox.hide();},100); }}});","handler":function(b,e){Ext.getCmp("ext_form").getForm().submit({
							    clientValidation: true,				  
							   
							  	params:{},
							    success: function(form, action) {					
							       top.Ext.ux.ShowSuccess(action.result.msg);grid.getStore().load({callback:function(){ if(action.result.success){setTimeout(function(){top.Ext.MessageBox.hide();},100); }}});				
							    },
							    failure: function(form, action) {
									switch (action.failureType) {
									    case Ext.form.Action.CLIENT_INVALID:
											top.Ext.ux.ShowError("请完整填写表单");
											break;
									    case Ext.form.Action.CONNECT_FAILURE:
											top.Ext.ux.ShowError("连接服务器失败" );
											break;
									    case Ext.form.Action.SERVER_INVALID:
									       top.Ext.ux.ShowError( action.result.msg);
									       break;
									    default:
									      top.Ext.ux.ShowError(action.result.msg);
									      break;
								       }
								    }
							});}},"-",{"text":"\u67e5\u8be2","iconCls":"search-icon","id":"btnSearch","name":"search","disabled":false,"cls":"baogg-btn-cls baogg-btn-search-cls","disabledClass":"baogg-btn-disabled-cls baogg-btn-search-disabled-cls","handler":function(b,e){grid.getStore().baseParams={};grid.getStore().load({params:Ext.apply(form.getForm().getFieldValues(),{query:"",start:0,limit:30})});}},"-",{"text":"\u53d6\u6d88","iconCls":"cancel-icon","id":"btnCancel","name":"cancel","disabled":false,"cls":"baogg-btn-cls baogg-btn-cancel-cls","disabledClass":"baogg-btn-disabled-cls baogg-btn-cancel-disabled-cls","handler":function(b,e){win_form.hide();}}],"width":625,"height":325,"items":{"frame":true,"bodyBorder":false,"bodyStyle":"padding:5px;","xtype":"form","id":"ext_form","fieldDefaults":{"msgTarget":"side"},"url":"\/beimuaihui\/index.php\/qa\/qareport\/add\/model_id\/0\/menu_id\/51\/","items":[{"columnWidth":1,"defaultType":"textfield","layout":"anchor","items":[{"name":"qa_report_name","xtype":"textfield","fieldLabel":"\u540d\u79f0","anchor":"95%","id":"qa_report_name"},{"name":"survey_id","xtype":"combo","store":Ext.create('Ext.data.ArrayStore', { model:'ComboModel',data:[["37628","CMH1101\u96f6\u552e\u836f\u5e97\u666e\u67e5\u95ee\u5377"]] } ),"displayField":"text","queryMode":"local","valueField":"id","triggerAction":"all","hideTrigger":false,"forceSelection":true,"allowBlank":false,"fieldLabel":"\u95ee\u5377\u7f16\u53f7","anchor":"95%"},{"name":"ordering","xtype":"textfield","fieldLabel":"\u6392\u5e8f","anchor":"95%","id":"ordering"},{"xtype":"radiogroup","source":[["1","\u662f"],["0","\u5426"]],"fieldLabel":"\u72b6\u6001","anchor":"95%","defaults":{"name":"state"},"items":[{"inputValue":"1","boxLabel":"\u662f"},{"inputValue":"0","boxLabel":"\u5426"}]},{"name":"qa_report_id","xtype":"hidden","hideLabel":true,"anchor":"95%","id":"qa_report_id"}]}]}});
       var form = Ext.getCmp("ext_form");
	
			
	Ext.define('GridModel', {
		extend: 'Ext.data.Model',
		idProperty: 'qa_report_id',
		fields: ["qa_report_id","qa_report_name","survey_id","survey_name","ordering","state","state2"]
	});
    // create the Data Store
    var store =  Ext.create('Ext.data.Store',{ 
		storeId:'gridStore',
		 pageSize: 30,        
        remoteSort: true,
        model:'GridModel',
        // load using script tags for cross domain, if the data in on the same domain as
        // this page, an HttpProxy would be better
        proxy: {
            url: '/beimuaihui/index.php/qa/qareport/data/model_id/0/menu_id/51/',
            type: 'ajax',
             actionMethods: {
                create : 'POST',
                read   : 'POST',
                update : 'POST',
                destroy: 'POST'
			},
            reader: {
	            type: 'json',
				 totalProperty: 'count',
	            root: 'data'
	        }
        }
    });
	//msg:LANG.loading,
    var myMask=new Ext.LoadMask(Ext.getBody(), {store:store });
	/*var cmb=Ext.create('Ext.form.ComboBox',{
                    store: store,
                    displayField: 'language_name',
                    typeAhead: true,
                    queryMode: 'local',
                    triggerAction: 'all',
                    emptyText: 'Select a state...',
                    selectOnFocus: true,
                    width: 135
                })*/
                
    		
    
    
	
   
     var grid =Ext.create('Ext.grid.Panel',{
     	id:'beimuaihuiindexphpqaqareportdatamodel_id0menu_id51',
     	region:'center',
		//columnLines: true,
      // el:document.body,
      // title:'Lanugage Management',
		//height:1000,
        store: store,
       disableSelection:false,
        loadMask: true,
		listeners: {
			itemdblclick : function(self, r,item,rowIndex, e,opt) {
				//var r=self.getStore().getAt(rowIndex);
				//console.info(r);console.info(r.get('menu_pid'));
				form.getForm().loadRecord(r);

				var base_url_len=22;
				var form_url=Ext.getCmp('ext_form').getForm().url;
				Ext.getCmp('ext_form').getForm().url=form_url.substr(0,base_url_len)+changeUrl(form_url.substr(base_url_len),{action:'edit'})
				
				Ext.getCmp('win_form').show().center();
				Ext.select('.baogg-btn-row-cls').each(function(el,c,idx){ Ext.getCmp(el.id).setDisabled(false);});
			}
		},
        // grid columns
     selModel: Ext.create('Ext.selection.CheckboxModel'),
        columns:[{"cmType":1,"header":"\u62a5\u8868\u7f16\u53f7","dataIndex":"qa_report_id"},{"sortable":true,"header":"\u540d\u79f0","dataIndex":"qa_report_name"},{"hidden":true,"header":"\u95ee\u5377\u7f16\u53f7","dataIndex":"survey_id"},{"hidden":false,"sortable":false,"header":"\u95ee\u5377\u6807\u9898","dataIndex":"survey_name"},{"sortable":true,"header":"\u6392\u5e8f","dataIndex":"ordering"},{"hidden":true,"header":"\u72b6\u6001","dataIndex":"state"},{"sortable":false,"header":"\u72b6\u6001","dataIndex":"state2"},{"items":[{"iconCls":"edit-icon","id":"btn_edit","tooltip":"\u7f16\u8f91","altText":"\u7f16\u8f91","handler":function(grid,rowIndex,colIndex) {grid.getSelectionModel().selectRange( rowIndex,rowIndex);Ext.getCmp("ext_form").getForm().loadRecord(store.getAt(rowIndex));Ext.getCmp("win_form").show().center();Ext.getCmp("ext_form").getForm().url="/beimuaihui/index.php/qa/qareport/edit/model_id/0/menu_id/51/";}},{"iconCls":"delete-icon","id":"btn_delete","tooltip":"\u5220\u9664","altText":"\u5220\u9664","handler":function(grid,rowIndex,colIndex) {grid.getSelectionModel().selectRange( rowIndex,rowIndex);Ext.ux.confirm( "你确定要删除吗?", function(buttonId, text, opt){
					if (buttonId == "yes") {
							if(myMask){
								myMask.show();
							}
							Ext.Ajax.request({
							   url:"/beimuaihui/index.php/qa/qareport/delete/model_id/0/menu_id/51/",
							    params:{"ids":store.getAt(rowIndex).getId()},
							    success:  function(response, opts) {							    	
							    	var result=Ext.decode(response.responseText);	
							    	 top.Ext.ux.ShowResult( result);grid.getStore().load({callback:function(){ if(result.success){setTimeout(function(){top.Ext.MessageBox.hide();},100); }}});						      				
							    },
							     failure: function(response, opts) {
							     	 top.Ext.example.msg("失败", "连接服务器失败");
							     }				  
							});
						}
				});}},{"iconCls":"qa_question2-icon","id":"btn_qa_question2","tooltip":"\u95ee\u9898\u914d\u7f6e","altText":"\u95ee\u9898\u914d\u7f6e","handler":function(grid,rowIndex,colIndex) {top.addTabByMenu({"menu_id":"58","model_id":"0","menu_pid":"51","menu_pids":",1,49,51,58,","menu_name":"\u95ee\u9898\u914d\u7f6e","menu_title":"","img_icon":"\/beimuaihui\/file\/image\/menu\/application.png","img_flash":"","img_cover":"","description":"\u200b","state":"1","checked":"0","editor":"0","ordering":"540","access":"0","url":"/beimuaihui/index.php/qa/qaquestion/list2/model_id/0/menu_id/58/qa_report_id/"+grid.getStore().getAt(rowIndex).getId(),"is_page":"0","is_permission":"0","is_show":"0","key_name":"qa_question2","language_file":"","id":"menu_58","text":"\u95ee\u9898\u914d\u7f6e","icon":"\/beimuaihui\/file\/image\/menu\/application.png"})},"icon":"\/beimuaihui\/file\/image\/menu\/application.png"}],"xtype":"actioncolumn","width":60}],	
         forceFit:true,	
        // customize view config
        viewConfig: {
           
			trackOver:false,
            enableRowBody:true,
            showPreview:false,
            getRowClass : function(record, rowIndex, p, store){
                if(this.showPreview && record.data.sub_table){  //if set sub_table
                    p.body = '<p>'+record.data.sub_table+'</p>';
                    return 'x-grid3-row-expanded';
                }
                return 'x-grid3-row-collapsed';
            }
        },
		 dockedItems : [{xtype:'toolbar',dock:'top', items:["-",{iconCls:'add-icon',text:'添加',handler:function(btn,ev){Ext.getCmp("ext_form").getForm().reset();Ext.getCmp("ext_form").getForm().url="/beimuaihui/index.php/qa/qareport/add/model_id/0/menu_id/51/";Ext.getCmp("win_form").show().center();}},"-",{iconCls:'remove-icon',text:'删除所选',handler:function(btn,ev){grid.deleteSelected("/beimuaihui/index.php/qa/qareport/remove/model_id/0/menu_id/51/");}},"-","查询:",{"xtype":"textfield","name":"query","listeners":{"specialkey":function(self,e){ if (e.getKey() == e.ENTER) {if (e.getKey() == e.ENTER) {form.getForm().reset();var els=form.query("textfield");for(var i=0,cnt=els.length;i<cnt;i++){els[i].setValue("#"+self.getValue().trim()+"#");};grid.getStore().load({  params: Ext.applyIf(form.getForm().getFieldValues(), {  query: self.getValue(),start:0,limit:30 })   });     };}}}}]}, { xtype: 'pagingtoolbar',   
                    id : 'pt',   
                    store :  Ext.data.StoreManager.lookup('gridStore'), 
                    dock : 'bottom',   
                    displayInfo : true//, plugins : Ext.create('Ext.ux.ProgressBarPager', {})   
                }]
		
       
        
    });
	
     Ext.applyIf(grid, {
        getSelected: function(){
            var s = [];
            Ext.each(Ext.getCmp('beimuaihuiindexphpqaqareportdatamodel_id0menu_id51').getSelectionModel().getSelection(), function(item, index, items){
                s[s.length] = item.get('qa_report_id');
            });
            return s.join(',');
        },
        deleteSelected: function(url){
            if (grid.getSelected() == '') {
            	 Ext.ux.ShowError({ msg: LANG.msg_select_item});            	
               	 return false;
            }
            
            
            
            Ext.ux.confirm(LANG.msg_confrim_delete, function(buttonId, text, opt){
                if (buttonId == 'yes') {
                    Ext.Ajax.request({
                        url: url,
                        success: function(res, opt){                 
                        	
							var result=Ext.decode(res.responseText,true);
							
                            top.Ext.ux.ShowResult(result);
                            grid.getStore().load({callback:function(){
								if (result.success) {
									setTimeout(function () {
										top.Ext.MessageBox.hide();
									}, 300);
								}
							}});
                            form.getForm().reset();
                        },
                        failure: function(res, opt){
                            top.Ext.ux.ShowError(LANG.msg_delete_failure);
                        },
                        params: {
                            ids: grid.getSelected()
                        }
                    });
                }
            });
        }
    });
    // render it
    //grid.render();

    // trigger the data store load
    store.load({params:{start:0, limit:30}});
    
         

		

		
	
	

	
	
	 Ext.create('Ext.container.Viewport', {
		    layout: 'border',
		    renderTo: Ext.getBody(),
                    items: grid				
                });
		win_form.show().center().hide();


});
</script>


</head>
<body>
  
       
<div id="grid"></div>


</body>
</html>